<template>
  <view class="productGoods">
    <view class="info_box">
      <view>
        <view class="title">专属网址</view>
        <view class="content">
          <view class="url">{{url}}</view>
          <view class="copy_btn" @click="paste(url)">复制</view>
        </view>
      </view>
      <view>
        <view class="title">账号</view>
        <view class="content">
          <view class="url">{{admin}}</view>
          <view class="copy_btn" @click="paste(admin)">复制</view>
        </view>
      </view>

      <view>
        <view class="title">密码</view>
        <view class="content">
          <view class="url">123654</view>
        </view>
      </view>
    </view>

    <view class="tip">复制专属网址前往电脑端，输入对应账户密码上传商品。</view>
  </view>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {
      url:'www.xingkonglian.net./123654/',
      admin:'18844994657'
    };
  },
  computed: {},
  watch: {},
  onLoad() {},
  onReady() {},
  onShow() {},
  methods: {
    paste(value) {
			uni.setClipboardData({
				data: value
			});
		}
  },
  onReachBottom() {},
  onHide() {},
};
</script>

<style scoped lang="scss" scoped>
.productGoods {
  padding: 38upx 30upx 0;
}
.info_box {
  width: 100%;
  height: 480upx;
  background: #f9f8fe;
  border-radius: 20upx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20upx;

  .title {
    font-size: 20upx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #0a0819;
  }
  .content {
    display: flex;
    justify-content: space-between;
    font-size: 28upx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0a0819;
    .copy_btn {
      color: #6d55ed;
    }
  }
}
.info_box > view {
  height: 160upx;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.tip {
font-size: 26upx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9D9CA3;
margin-top: 32upx;
}
</style>
